html{overflow-x: clip;}

 body{ color: white;
  overflow-x: clip;}
header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    30px;
    height: 490px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}


.titre flex{
    display: flex;
  justify-content: space-around; }

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight:600;
  font-style: normal;
font-size:34px;
  margin-top: 200px; 
  margin-left: 6%;
  text-align: center; 
     }


header h2
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;
    text-align: center;
    margin-left: 6%;
    margin-top: 20px;

}


.navbar-brand {color:gold;
    font-size:14px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:rgb(148, 145, 145);
  }

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}

.navbar-nav{flex-direction: column-reverse;
margin-top: -10PX;}

.adr{
  border-color: gainsboro;
  border-style: double;
  border-radius: 50PX;
  
margin-top: 30PX;
margin-left: 10%;
width: 80%;}

  .adr h1{color:rgb(179, 180, 146);
  margin-top: 50PX;}
  P{color: black;
  font-family: "poppins";
  font-size: 32PX;
font-weight: 600;
margin-left: 5%;
text-align: center;
}

button{background-color:rgb(179, 180, 146) ;
border-radius: 50PX;
color: white;
width: 180PX;
height: 40PX;
border-style: none;
font-size: 22PX;}

iframe{ margin-left: 23%;
margin-top: 30PX;
width: 60%;
height: 50%;}

.footer
{height: 225PX;
background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
    margin-top: 100px; 
  }

                       
                


.foot
{text-align: center;
color:white;
padding:40PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color:white;
  margin-left: 44%;
margin-top: 9PX;
list-style: none;}

 .politique{position: absolute;
    color: white;
    margin-left: 52%;
    margin-top: -20PX;
    list-style: none;
  }
.légales{margin-top: -50PX;}

@media screen and (min-width: 300px) and (max-width: 650px){

body{margin: 0PX;
padding: 0px;}

header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: 100%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    -30px;
    height: 450px;
max-width: 100%;}

header h2
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 12PX;
    text-align: center;
    margin-left: 6%;
    margin-top: 16px;

}


.logo
{ height: 100px;
  width: 100px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-30PX ;
 margin-left: 10PX;
z-index: 2;}

.navbar-nav > li > a
{font-size:14px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: 10%;
    color:grey;}

    .navbar-nav{flex-direction: column-reverse;
margin-top: -60PX;}

    .navbar-toggler{color: lightblue;
    width: 60PX;
  margin-top: 25PX;}
    .navbar-toggler-icon{color:gold;}



.titreflex h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
    padding-top: -65px;
    margin-top: 140Px;
    margin-left:0px;
    text-align: center;
     }
.adr{
  border-color: gainsboro;
  border-style: double;
  border-radius: 50PX;
  
margin-top: -30PX;
margin-left: 10%;
width: 80%;}
.adresse h1
{color:whitesmoke;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 12PX;
    margin-top: -40PX;
    margin-left: 20px;
    text-align: center;

}
.foot
{text-align: center;
color:white;
padding:53PX;
border: 5px;
border-style: dotted;}

.mention{position: absolute;
    color: white;
  margin-left: 29%;
margin-top: 20PX;
list-style-type: none;}

 .politique{position: absolute;
    color: white;
    margin-left: 40%;
    margin-top: -4PX;
    list-style-type: none;
    
  }
li::marker{list-style-type: none;}
}

@media screen and (min-width: 651px) and (max-width: 1023px){

header
{background-image:url(image/25\ ROGNER.jpg);
  background-size: cover;
  background-position: 40%;
    background-repeat: no-repeat;
    position: sticky;
    margin-left: 4PX;
    margin-top: 
    30px;
    height: 490px;
max-width: 100%;}


.logo
{ height: 150px;
  width: 150px;
border-radius: 100% ;
   border-style:double;
    border-color:white;
     border-width: 7PX;
position: absolute;
margin-top:-70PX ;
 margin-left: 10PX;
z-index: 2;}


.titre flex{
    display: flex;
  justify-content: space-around; }

h1
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight:600;
  font-style: normal;
font-size:34px;
  margin-top: 230px; 
  margin-left: 6%;
  text-align: center; 
     }


header h2
{color:white;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    font-size: 17PX;
    text-align: center;
    margin-left: 6%;
    margin-top: 20px;

}


.navbar-brand {color:gold;
    font-size:14px;
    font-family:Indie Flower;
    font-weight: 600;
margin-top: 0px;}

.navbar-nav > li > a
{font-size:18px;
   font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-left: -10%;
    color:rgb(148, 145, 145);
  }

    .navbar-toggler{color: lightblue;}
    .navbar-toggler-icon{color:gold;}

.navbar-nav{flex-direction: column-reverse;
margin-top: -10PX;}

.adr{
  border-color: gainsboro;
  border-style: double;
  border-radius: 50PX;
  
margin-top: 30PX;
margin-left: 10%;
width: 80%;}

  .adr h1{color:rgb(179, 180, 146);
  margin-top: 50PX;}
  P{color: black;
  font-family: "poppins";
  font-size: 32PX;
font-weight: 600;
margin-left: 5%;
text-align: center;
}

button{background-color:rgb(179, 180, 146) ;
border-radius: 50PX;
color: white;
width: 180PX;
height: 40PX;
border-style: none;
font-size: 22PX;}

iframe{ margin-left: 23%;
margin-top: 30PX;
width: 60%;
height: 50%;}

.footer
{height: 225PX;
background: #959e9b;
background: radial-gradient(circle, rgba(149, 158, 155, 1) 1%, rgba(150, 158, 154, 1) 50%, rgba(184, 182, 182, 1) 100%);
    margin-top: 100px; 
  }

                       
                


.foot
{text-align: center;
color:white;
padding:45PX;
border: 5px;
border-style: dotted;}


}